.userproject{
  width: 100%;
  position: absolute;
  height: 100%;
  .head{
    height: 42px;
    background: #FF5D38;
    font-size: 16px;
    text-align: center;
    color: #fff;
    line-height: 42px;
    text-align: center;
    position: relative;
    .head-icon{
      font-size: 20px;
      position: absolute;
      left:15px;
    }
  }
  .userproject-list{
    padding: 11px 10px;
    ul{
      overflow: hidden;
      li{
         border: 1px solid #ccc;
         border-radius: 5px;
         padding: 10px;
         display: flex;
         font-size: 14px;
         color: #333;
         margin-bottom: 10px;
         img{
           height: 50px;
           width: 65px;
           float: left;
           flex: 1;
           border-radius: 5px;
         }
         .list-right{
           flex: 5;
           text-align: left;
           margin-left: 11px;
           line-height: 16px;
           p{
             color: #333;
           }
           .right-list{
             margin-top: 4px;
             display: flex;
             font-size: 12px;
             div{
               float: left;
               flex: 1;
               text-align: center;
               span{
                 color: #eb6353;
               }
               p{ color:#666;}
             }
           }
         }
      }
    }
  }






}
